<template>
    <div class="login-page">
        <Navigation :onBack="onClose" title="登录"/>
    </div>
</template>

<script lang="ts">
    import Vue from 'vue';
    import {
        Prop,
        Component
    } from 'vue-property-decorator';
    import Navigation from './Navigation';

    @Component({
        components: {
            Navigation
        }
    })
    export default class Login extends Vue {
        @Prop({default: null}) dialog!: any;
        onClose() {
            this.dialog.close()
        }
    }
</script>

<style scoped lang="scss">
    .login-page {
        margin: auto;
        height: 100vh;
        max-width: 640px;
        padding-top: 48px;
        position: relative;
        background-color: #fff;
    }
</style>